<template>
	<ynet-field>
		<ynet-input-item
			ref="input0"
			title="普通文本"
			placeholder="普通文本"
			is-amount
			:maxlength="5"
		></ynet-input-item>
		<ynet-input-item
			ref="input1"
			title="禁用表单"
			value="普通文本"
			disabled
		></ynet-input-item>
		<ynet-input-item
			ref="input2"
			title="只读表单"
			value="只读表单"
			readonly
		></ynet-input-item>
		<ynet-input-item
			ref="input3"
			title="高亮表单"
			placeholder="高亮表单"
			is-highlight
		></ynet-input-item>
		<ynet-input-item
			ref="input4"
			title="文本居中"
			placeholder="文本居中"
			align="center"
		></ynet-input-item>
		<ynet-input-item
			ref="input5"
			title="文本居右"
			placeholder="文本居右"
			align="right"
		></ynet-input-item>
	</ynet-field>
</template>
<script>
	import { Field, InputItem } from 'ynet-mobile'
	export default {
		title: '普通输入框',
		name: 'input-item-demo',
		components: {
			[Field.name]: Field,
			[InputItem.name]: InputItem
		}
	}
</script>